<template>
  <div>
      <div v-for="list in 8" :key="list" class="item_box" >
        <van-divider :style="{ color: '#ff6633',borderColor: '#c1bebd' }">
            <van-tag plain round type="primary" color = '#ff6633'>2022/01/24星期一</van-tag>
        </van-divider>
        <div>服务项目-实施2021年-数字甘肃（XM-20211224-207166）（总工时：8）（里程碑：平台上线V2.0）</div>
        <van-row type="flex" justify="space-between" align="center">
            <van-col span="18">
                <div class="text-12">
                    <van-icon name="clock-o" color= '#ff6633' size="16" />
                    <span>上班时间08:56<span style="color:#999">(要求时间：09：00)</span></span>
                </div>
                <div class="text-12">
                    <van-icon name="location-o" color= '#ff6633' size="18" />
                    <span>中国安徽省合肥市肥西县云飞路</span>
                </div>
            </van-col>
            <van-col span="4">
                <van-tag round size="medium" type="success">正常</van-tag>
            </van-col>
        </van-row>
        <van-divider :style="{borderColor: '#c1bebd' }"/>
        <van-row type="flex" justify="space-between" align="center">
            <van-col span="18">
                <div class="text-12">
                    <van-icon name="clock-o" color= '#ff6633' size="16" />
                    <span>下班时间18:06<span style="color:#999">(要求时间：18：00)</span></span>
                </div>
                <div class="text-12">
                    <van-icon name="location-o" color= '#ff6633' size="18" />
                    <span>中国安徽省合肥市肥西县云飞路</span>
                </div>
            </van-col>
            <van-col span="4">
                <van-tag round size="medium" type="success">正常</van-tag>
            </van-col>
        </van-row>
      </div>
  </div>
</template>
<script>
import { mapState } from 'vuex'
export default {
  name: 'record-list',
  data () {
    return {}
  },
  computed: {
    ...mapState({
      userInfo: (state) => state.userInfo
    })
  }
}
</script>
<style lang="less" scoped>
.item_box{
    background-color: #fff;
    padding: .875rem 1rem;
    text-align: left;
    font-size: .875rem;
    line-height:1.25rem;
    margin-bottom: .875rem;
}
.van-row{
    margin-top: .875rem;
}
.van-icon{
    margin-right:.375rem;
}
.text-12{
    font-size:.75rem;
    line-height:1.5rem;
}
</style>
